<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <article class="article-container">
        <header>
            <h1>css中不为人知的部分</h1>
            <div class="original-link">原文地址：<a href="">https://www.baidu.com</a></div>
        </header>
        <section>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit eum quo placeat blanditiis, maxime
                beatae laborum deserunt dicta sit unde sunt minus velit dolor exercitationem? Sapiente cupiditate saepe
                amet maiores?</p>
            <p>Hic expedita porro, eveniet tempora corrupti quam quis atque dignissimos molestias totam magnam error
                fugit numquam id voluptate optio rerum voluptatibus ducimus repudiandae fuga suscipit ipsam molestiae!
                Nam, fugiat sequi!</p>
            <p>Illo ab debitis, earum officia delectus eum reprehenderit eaque accusantium, nobis a repellendus sint
                deleniti ipsum esse? Quae quisquam architecto officia natus porro laborum sequi. Voluptatibus
                repellendus dolores recusandae eveniet!</p>
        </section>
        <section>
            <h2>章节1</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid accusamus id ratione ea debitis, beatae
                eveniet totam, a quod soluta dignissimos illo aliquam reprehenderit voluptates cumque officia fuga velit
                voluptatem.</p>
            <p>Voluptate ipsam ullam odio, ratione neque error saepe aliquam dolores tempore incidunt excepturi amet
                quod nihil eos in eius facere unde perspiciatis dolorem dolorum. Incidunt reiciendis temporibus aperiam
                doloribus minus.</p>
            <p>Officiis nesciunt hic nemo laborum ut, explicabo architecto quidem earum culpa ea exercitationem facilis
                ipsam quibusdam blanditiis! Temporibus suscipit vero quis laboriosam inventore dolor odit repellendus,
                deserunt at expedita. Sint.</p>
        </section>
        <section>
            <h2>章节2</h2>
            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem quos voluptatibus soluta nulla
                asperiores, culpa adipisci nobis error cum minus pariatur quo beatae, repudiandae assumenda delectus
                nesciunt, ad saepe. Libero.</p>
            <p>Accusantium at maxime cupiditate optio nihil! Quasi doloremque unde ad? Iste pariatur velit dolorum
                dolorem aut ullam, perferendis debitis a quod, suscipit eligendi quidem laboriosam sed, repudiandae
                officia deleniti quas.</p>
            <p>Sapiente praesentium nulla soluta voluptates adipisci nisi molestiae! Perferendis neque provident
                architecto fuga, quibusdam officiis ipsa! A quam minima atque unde consectetur voluptatum nulla
                reprehenderit quia, veniam sed, mollitia nesciunt?</p>
        </section>
        <section>
            <h2>章节3</h2>
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repudiandae velit, doloribus animi veniam vel
                rem voluptatem laborum labore fugit iure sequi, quaerat hic sed asperiores. Unde laborum in odit ad?</p>
            <p>Ratione provident maiores officia, qui aut aperiam, libero et itaque beatae, sequi odio. Corporis numquam
                deserunt, quis labore ducimus ullam veniam eaque amet doloribus quod error aspernatur voluptatibus
                repellendus ratione!</p>
            <p>Placeat, aspernatur consectetur. Itaque unde, sint harum est, tempora ducimus voluptas minus et
                perferendis voluptatibus ipsa atque quas adipisci omnis nulla porro, impedit cupiditate. Saepe nam
                eligendi officia ut odit?</p>
        </section>
        <section>
            <h2>章节4</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio, sint porro, beatae laudantium animi
                obcaecati sit impedit earum esse quibusdam, quis fugit aperiam delectus libero quisquam! Quam eligendi
                rerum veniam!</p>
            <p>Quo sed unde nesciunt optio numquam illo autem reprehenderit inventore veniam dignissimos debitis nostrum
                ut voluptatem, voluptate incidunt possimus harum provident sunt labore et, vitae earum ratione. Natus,
                officia ab?</p>
            <p>Culpa incidunt sequi dolorum ipsa blanditiis molestias laborum veniam necessitatibus vero! Iure tempora
                suscipit unde ad, est ullam voluptate maxime quidem minus sit ex minima debitis temporibus non dolor
                hic!</p>
        </section>
        <section>
            <h2>章节5</h2>
            <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus quibusdam saepe perspiciatis delectus,
                tempora sint totam sequi, nihil iusto sit aliquid eligendi assumenda provident minus vitae ipsum, earum
                dolor accusamus.</p>
            <p>Libero, autem delectus. Neque illo iusto quo dolore hic nihil fuga fugit quasi iure dolor, repellendus
                molestiae, placeat repellat deserunt est accusamus sunt consequatur adipisci explicabo reiciendis ipsam
                perferendis a.</p>
            <p>Debitis qui voluptate perferendis accusamus nihil fuga quis asperiores amet rerum, repellat ducimus
                cupiditate, laborum repudiandae aliquam veritatis aut ad ipsam quaerat facilis! Accusantium voluptates
                dolor, earum ipsum doloribus porro.</p>
        </section>
    </article>
</body>

</html>